<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>美匠子首页</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no,viewport-fit=cover,viewport-fit=cover">
		<meta name="format-detection" content="telephone=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="stylesheet" href="../../css/common.css" />
		<link rel="stylesheet" href="../../css/index/index.css" />
		<style>
			* { touch-action: pan-y; } 
			.ad-dialog .dialog-content{
				border-radius: 6% !important;
				background: transparent !important;
			}
			.ad-dialog .dialog-content-bd{
				margin: 0 !important;
			}
			.ad-dialog .dialog-content .dialog-content-ft{
				top: -80px !important;
				text-align: center !important;
			}
			.ad-dialog .dialog-content .dialog-content-ft button{
				width: 100px !important;
				height: 100px !important;
			}
			.ad-dialog img {
				width: 100% !important;
				height: 100% !important;
			}
		</style>
		<script type="application/javascript" src="../../js/common/static_common.js"></script>
		<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=itcGzLG0IrFlBPQlTFCxytDB10fwNdag"></script>
	</head>
	<body>
		<div class="_div data-v-59693394 container" v-cloak id="app" style="overflow-x: hidden;">
			<footer active="0"></footer>
			<div class="_div data-v-59693394 searchBar" :style="'background-color:'+'rgba(255,255,255,'+alpha+')'+';'+'box-shadow:'+' 0 1px 3px 2px rgba(0, 0, 0,'+alpha*0.06+')'+';'">
				<a class="_a data-v-59693394 province" :style="alpha>=1?'color:rgba(51,51,51,1)':'color:rgba(255,255,255,1)'" href="javascript:void(0);" @click="toSelectCity()"> {{province_name}}
			<image alt class="_img data-v-59693394 icon" :lazyLoad="true" :src="alpha>=1?'../../images/shouye/xiala--hui@2x.png':'../../images/shouye/dingweixiala@2x.png'"></image>
				</a>
				<div bindtap="handleProxy" class="_div data-v-59693394 search-box" :eventid="'0'" v-if="alpha>=1">
					<image alt class="_img data-v-59693394 icon" :lazyLoad="true" src="../../images/shouye/sousuokuangneisousuo@2x.png"></image>
					<input disabled class="_input data-v-59693394 inp" placeholder="大家都在搜瘦脸针" type="text"></input>
				</div>
				<div class="_div data-v-59693394 right clearfix">
					<div class="_div data-v-59693394 search-btn" v-if="alpha<1" @click="search_focus()">
						<a class="_a data-v-59693394" url="/pages/search_index/main">
							<image alt class="_img data-v-59693394 icon" :src="alpha>=1?'../../images/shouye/sousuokuangneisousuo@2x.png':'../../images/shouye/sousuo--bai@2x.png'"></image>
						</a>
					</div>
				</div>
			</div>
			<div bindscroll="handleProxy" bindscrolltolower="handleProxy" class="_scroll-view data-v-59693394" :eventid="'9'" :lowerThreshol="150" :scrollY="true" :style=" 'height:'+'100%'+';'">
				<!-- index banner -->
				<div class="_div data-v-59693394 banner">
					<div autoplay="" class="_swiper data-v-59693394 swiper" :duration="500" :indicatorDots="true" :interval="2000">
						<div bindtap="handleProxy" class="_swiper-item data-v-59693394" style="position: initial;height: 400px; transition: transform .5s ease ;overflow-x: hidden;" :style="{width:(picWidth*imgUrls.length)+'px',transform: 'translate('+translate+'px, 0px) translateZ(0px) '}">
							<image class="_image data-v-59693394 slide-image" :style="{width:picWidth+'px'}" :lazyLoad="true" :src="imgUrl+item.path" :eventid="'1-'+index" v-for="(item, index) in imgUrls" @touchstart='touchStart' 
									@touchend='touchEnd($event,item,index)'></image>
						</div>
					</div>
					<div class="dot">
						<ul>
							<li v-for="(item, i) in imgUrls" :class="{'active':(translate ? translate : 0)/-picWidth == i}"></li>
						</ul>
					</div>
				</div>
				<!-- index category -->
				<div class="_ul data-v-59693394 nav">
					<div bindtap="handleProxy" class="_li data-v-59693394 nav-item" @click="to_detail({type:5})">
						<div class="_div data-v-59693394 image">
							<image alt class="_img data-v-59693394 img" :lazyLoad="true" src="../../images/index_nav/index-nav-10.png"></image>
						</div>
						<div class="_h4 data-v-59693394 nav-msg">芯悦美肤</div>
					</div>
					<div bindtap="handleProxy" class="_li data-v-59693394 nav-item" @click="to_detail({type:7})">
						<div class="_div data-v-59693394 image">
							<image alt class="_img data-v-59693394 img" :lazyLoad="true" src="../../images/index_nav/index-nav-20.png"></image>
						</div>
						<div class="_h4 data-v-59693394 nav-msg">积分商城</div>
					</div>
					<div bindtap="handleProxy" class="_li data-v-59693394 nav-item" @click="to_detail({type:14})">
						<div class="_div data-v-59693394 image">
							<image alt class="_img data-v-59693394 img" :lazyLoad="true" src="../../images/index_nav/index-nav-30.png"></image>
						</div>
						<div class="_h4 data-v-59693394 nav-msg">共享名医</div>
					</div>
					<div bindtap="handleProxy" class="_li data-v-59693394 nav-item" @click="to_detail({type:13})">
						<div class="_div data-v-59693394 image">
							<image alt class="_img data-v-59693394 img" :lazyLoad="true" src="../../images/index_nav/index-nav-40.png"></image>
						</div>
						<div class="_h4 data-v-59693394 nav-msg">医美院库</div>
					</div>
					<div bindtap="handleProxy" class="_li data-v-59693394 nav-item" @click="to_detail({type:12})">
						<div class="_div data-v-59693394 image">
							<image alt class="_img data-v-59693394 img" :lazyLoad="true" src="../../images/index_nav/index-nav-50.png"></image>
						</div>
						<div class="_h4 data-v-59693394 nav-msg">医美百科</div>
					</div>
				</div>
				<div class="_div data-v-59693394 line"></div>
				<!-- index project type nav -->
				<div class="_ul data-v-59693394 project-nav" v-if="project_nav.length>0">
					<div class="_li data-v-59693394 nav-item" :key="index" v-for="(item,index) in project_nav">
						<a class="_a data-v-59693394" href="javascript:void(0);" @click="to_detail(item)">
							<div class="_div data-v-59693394 image">
								<image alt class="_img data-v-59693394 img" :lazyLoad="true" :src="'../../images'+item.iconPath"></image>
							</div>
							<div class="_h4 data-v-59693394 nav-msg">{{item.name}}</div>
						</a>
					</div>
				</div>
				<!-- index project list -->
				<div class="_ul data-v-59693394 project-list">
					<div class="_h3 data-v-59693394 title">
						<image alt class="_img data-v-59693394 img" :lazyLoad="true" mode="widthFix" src="../../images/shouye/jingpintuijian@2x.png"></image>
					</div>
					<div class="_li data-v-59693394 list-item" :key="index" v-for="(item,index) in project_list" @click="to_detail(item)" >
						<a class="_a data-v-59693394" href="javascript:void(0);">
							<div class="_div data-v-59693394 image">
								<image alt class="_img data-v-59693394 img" :lazyLoad="true" :src="imgUrl+'mini_'+item.logoPath"></image>
							</div>
							<div class="_div data-v-59693394 content">
								<div class="_h4 data-v-59693394 project-name">{{item.name}}</div>
								<div class="_div data-v-59693394 hos-info clearfix">
									<div class="_div data-v-59693394 hos-name">{{item.hospitalName}}</div>
									<div class="_div data-v-59693394 distance"> {{item.distance}}km </div>
								</div>
								<div class="_div data-v-59693394 price">
									<div class="_div data-v-59693394 old-price clearfix">
										<div class="_div data-v-59693394 num"></div>
									</div>
									<div class="_div data-v-59693394 bottom clearfix">
										<div class="_div data-v-59693394 left clearfix"> 优惠价
						<span class="_span data-v-59693394 num">
												<span class="_span data-v-59693394 icon">￥</span> {{item.disPrice}}
						  <span class="_span data-v-59693394 icon">起</span>
											</span>
										</div>
										<div class="_div data-v-59693394 right clearfix">
											<div class="_div data-v-59693394 icon">已预约</div>
											<span class="_span data-v-59693394 num">{{item.orderCount == null ? 0 : item.orderCount}}人</span>
										</div>
									</div>
								</div>
							</div>
						</a>
					</div>
				</div>
			</div>
			
			<div class='_div server-btn' id="serverBtn">
				<button bindtap='handleProxy' class='_button btn' @click="openServer"></button>
			</div>
		</div>
	</body>
	<script type="application/javascript" src="../../js/project/index.js"></script>
</html>
